<template>
    <div class="main fl wdll">
        <van-nav-bar
            title="我的履历"
            left-arrow
            @click-left="onClickLeft"
            >
        </van-nav-bar>
        <tab1 :act="act" :tabs="tabs" @tab="handelTab"></tab1>
        <div class="main-content h" v-if="act=='个人信息'">
            <div class="img-box">
                <img src="./img/bg1.png" alt="" class="md1" />
                <img src="./img/bg2.png" alt="" class="md1" />
                <img src="./img/bg3.png" alt="" class="md1" />
            </div>
            <div class="p-footer">
                <p class="f-btn  save"></p>
                <p class="f-btn  submit"></p>
            </div>
        </div>
        <div class="main-content " v-if="act=='任免审批表'">
          
        </div>
    </div>
</template>

<script>
import tab1 from '@/components/tab1.vue'
export default{
    name:'wdll-page',
    components:{tab1},
    data(){
        return{
            act:'个人信息',
            tabs:['个人信息','任免审批表']
        }
    },
    created(){

    },
    methods: {
        onClickLeft(){
            this.$router.back()
        },
        handelTab(d){
            this.act = d
        }
    },
}
</script>

<style lang="less">
.wdll{
    .main-content.h{
        overflow: hidden;
        .img-box{
            height: calc(100% - 53px);
            overflow: auto;
        }
        .p-footer{
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 43px;
            display: flex;
            align-items: center;
            .f-btn{
                height: 100%;
                width: 50%;
                background-repeat: no-repeat;
                background-position: center;
                background-size: cover;
                &.save{
                    background-image: url('@/assets/img/save-btn.png');
                }
                &.submit{
                    background-image: url('@/assets/img/submit-btn.png');
                }
            }
        }
    }
    .md1{
        position: relative;
        display: block;
        width: 100%;
        margin-top: 8px;
    }
}
</style>